<template>
  <div class="yongjin">
    <div class="center">
      <left></left>
      <div class="right">
        <top></top>
        <div class="hei10"></div>

        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
  import top from '@/components/top.vue'
  import left from '@/components/left.vue'
  export default {
    components: {
      "left": left,
      "top": top
    },
    name: "yongjin",
    data() {
      return {

      }
    },
    created() {

    },
    mounted() {

    },
    methods: {

    }
  }
</script>

<style lang="scss" scoped>
  .yongjin {
    .powertop {
      display: flex;
      background: #f9f9f9;
    }

    .powertopli {
      flex-basis: 180px;
      line-height: 50px;
      border-bottom: 3px #F9F9F9 solid;
      color: #727272;
      border-right: 1px #F9F9F9 solid;
      font-size: 16px;
      text-align: center;
    }

    .router-link-active {
      background: #FFFFFF;
      border-bottom: 3px #2974FF solid;
    }

    /deep/ .el-pagination.is-background .btn-prev:disabled {
      background: rgba(246, 246, 246, 0.3);
      border: 1px rgba(167, 167, 167, 0.3) solid;
    }

    /deep/ .el-pagination.is-background .btn-next:disabled {
      background: rgba(246, 246, 246, 0.3);
      border: 1px rgba(167, 167, 167, 0.3) solid;
    }

    /deep/ .el-pagination.is-background .btn-next {
      background: rgba(246, 246, 246, 1);
      border: 1px rgba(167, 167, 167, 1) solid;
    }

    /deep/ .el-pagination.is-background .btn-prev {
      background: rgba(246, 246, 246, 1);
      border: 1px rgba(167, 167, 167, 1) solid;
    }

    /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
      background-color: #2974FF;
    }

    /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
      color: #fff;
    }

    /deep/ .el-pagination.is-background .el-pager li:not(.disabled):hover {
      color: #2974FF;
    }

    /deep/ .el-pager li {
      border-radius: 14px;
      background: rgba(255, 255, 255, 1);
      border: 1px rgba(167, 167, 167, 0.3) solid;
    }

    /deep/ .btn-prev {
      border-radius: 14px;
      padding: 0 10px;
    }

    /deep/ .btn-next {
      border-radius: 14px;
      padding: 0 10px;
    }

    /deep/ .el-table th {
      background: rgb(246, 246, 246);
    }

    /deep/ .el-input__inner {
      line-height: 36px;
      height: 36px;
      font-size: 12px;
      background: rgb(247, 248, 250);
      border: 0;
    }

    /deep/ .el-date-editor .el-range-input {
      background: rgb(247, 248, 250);
    }

    /deep/ .el-button {
      padding: 11px 23px !important;
    }

    /deep/ .el-button--mini {
      padding: 6px 15px !important;
    }

    /deep/ .el-button--danger {
      color: #FFF;
      background-color: #2974FF;
      border-color: #2974FF;
    }

    .team {
      background: #F9F9F9;
    }
  }
</style>
